<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div>
        <!--属性绑定,如果vue插件没有安装成功 会报错,在错误上面alt+回车自动解决-->
        <a v-bind:href="url">超链接1</a>
        <a :href="url">超链接2</a>
        <img :src="imgUrl" width=50 alt="">
        <input type="text" :value="info" >
    </div>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script>
        let v = new Vue({
            el:"div",
            data:{
                url:"http://www.baidu.com",
                imgUrl:"../r.jpg",
                info:"文本内容"
            }
        })
        setTimeout(function () {
            v.url="http://www.bilibili.com";
            v.info="点进来发现新世界";
            v.imgUrl="../n.jpg";
        },1000)
    </script>
</body>
</html>